<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="__PUBLIC__/dist/js/html5shiv.min.js"></script>
      <script src="__PUBLIC__/dist/js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- ZUI1.7.0 -->
    <link rel="stylesheet" href="__PUBLIC__/dist/css/zui.min.css">

    <link href="dist/css/main.css" rel="stylesheet">
</head>
<body>
    <div class="filter clearfix">
        <div class="sort">
            <select>
                <option>排序</option>
                <option>时间</option>
                <option>大小</option>
            </select>
        </div>
        <div class="filter-label">
            <label><input type="checkbox"> 个人资源</label>
            <label><input type="checkbox"> 微课</label>
            <label><input type="checkbox"> 电子教案</label>
            <label><input type="checkbox"> 图片素材</label>
            <label><input type="checkbox"> 视频素材</label>
            <label><input type="checkbox"> 其他素材</label>
            <a class="btn btn-danger">重置</a>
        </div>
    </div>
    <div class="card-group mb-20">
        <h2 class="con-title mb-20">个人资源</h2>
        <!-- 项目列表 块  start -->
        <div class="list-down clearfix">
            <ul>
                <li>
                    <div class="row">
                        <div class="col-md-8 col-xs-8 text-ellipsis">素材-音频123.MP3</div>
                        <div class="col-md-3 visible-md visible-lg">2017-11-11</div>
                        <div class="col-md-1 col-xs-4 text-right"><a class="icon icon-down"></a></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-8 col-xs-8 text-ellipsis">素材-音频123.MP3</div>
                        <div class="col-md-3 visible-md visible-lg">2017-11-11</div>
                        <div class="col-md-1 col-xs-4 text-right"><a class="icon icon-down"></a></div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 项目列表 块  end -->
    </div>
    <div class="card-group clearfix mb-20">
        <h2 class="con-title mb-20">微课</h2>
        <div class="row">
            <!-- 项目列表 块  start -->
            <div class="card-box">
                <div class="card-box-content">
                    <div class="card-img mb-20">
                        <a target="_blank">
                            <img src="dist/image/xm1.jpg">
                            <div class="backdrop"></div>
                            <i class="icon icon-plays"></i>
                        </a>
                    </div>
                    <div class="card-title">
                        <div class="text-ellipsis"><a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a></div>
                        <a download="" href="/Uploads/201712/5a2a9422d5fad.pptx" class="icon icon-down"></a>
                    </div>
                </div>
            </div>
            <!-- 项目列表 块  end -->
            <div class="card-box">
                <div class="card-box-content">
                    <div class="card-img mb-20">
                        <a target="_blank">
                            <img src="dist/image/xm6.jpg">
                            <div class="backdrop"></div>
                            <i class="icon icon-plays"></i>
                        </a>
                    </div>
                    <div class="card-title">
                        <div class="text-ellipsis"><a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a></div>
                        <a download="" href="/Uploads/201712/5a2a9422d5fad.pptx" class="icon icon-down"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-group clearfix mb-20">
        <h2 class="con-title mb-20">电子教案</h2>
        <div class="row">
            <!-- 项目列表 块  start -->
            <div class="card-box">
                <div class="card-box-content">
                    <div class="card-img mb-20">
                        <a target="_blank">
                            <img src="dist/image/xm2.jpg">
                            <div class="backdrop"></div>
                            <i class="icon icon-plays"></i>
                        </a>
                    </div>
                    <div class="card-title">
                        <div class="text-ellipsis"><a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a></div>
                        <a download="" href="/Uploads/201712/5a2a9422d5fad.pptx" class="icon icon-down"></a>
                    </div>
                </div>
            </div>
            <!-- 项目列表 块  end -->
        </div>
    </div>
    <div class="card-group clearfix mb-20 imgbox">
        <h2 class="con-title mb-20">图片素材</h2>
        <div class="row">
            <!-- 项目列表 块  start -->
            <div class="card-box">
                <div class="card-box-content">
                    <div class="card-img"><img data-image="dist/image/banner1.jpg" data-title="小图看大图1" data-time="2017-11-12" data-content="简介内容" src="dist/image/xm3.jpg"></div>
                </div>
            </div>
            <!-- 项目列表 块  end -->
        </div>
    </div>
    <div class="card-group clearfix mb-20">
        <h2 class="con-title mb-20">视频素材</h2>
        <div class="row">
            <!-- 项目列表 块  start -->
            <div class="card-box">
                <div class="card-box-content">
                    <div class="card-img mb-20">
                        <a target="_blank">
                            <img src="dist/image/xm4.jpg">
                            <div class="backdrop"></div>
                            <i class="icon icon-plays"></i>
                        </a>
                    </div>
                    <div class="card-title">
                        <div class="text-ellipsis"><a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a></div>
                        <a download="" href="/Uploads/201712/5a2a9422d5fad.pptx" class="icon icon-down"></a>
                    </div>
                </div>
            </div>
            <!-- 项目列表 块  end -->
        </div>
    </div>
    <div class="card-group clearfix">
        <h2 class="con-title mb-20">其他素材</h2>
        <div class="list-down clearfix">
            <ul>
                <li>
                    <div class="row">
                        <div class="col-md-8 col-xs-8 text-ellipsis">素材-音频123.MP3</div>
                        <div class="col-md-3 visible-md visible-lg">2017-11-11</div>
                        <div class="col-md-1 col-xs-4 text-right"><a class="icon icon-down"></a></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-8 col-xs-8 text-ellipsis">素材-音频123.MP3</div>
                        <div class="col-md-3 visible-md visible-lg">2017-11-11</div>
                        <div class="col-md-1 col-xs-4 text-right"><a class="icon icon-down"></a></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-8 col-xs-8 text-ellipsis">素材-音频123.MP3</div>
                        <div class="col-md-3 visible-md visible-lg">2017-11-11</div>
                        <div class="col-md-1 col-xs-4 text-right"><a class="icon icon-down"></a></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>